<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../assets/css/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/index.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/extend.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/icons.css?v=2.3">


</head>
<body class="bg-gray">
<header data-am-widget="header" class="am-header am-header-default am-header-fixed ">

    <div class="am-header-left am-header-nav">
        <a onclick="javascript:{window.location.href='personal.html'}" class="widht-10s">
            <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        我的订单
    </h1>
    <div class="am-header-right am-header-nav am-dropdown" id="am-dropdown">
        <a  >

        </a>
        <div class=" am-dropdown-toggle icontopmore " id="am-dropdown-toggle"> </div>
        <ul class="am-dropdown-content">
            <li class="padding-left-20"><a href="index.html" class="font-color-45 prelative ">首页</a></li>
            <li class="am-divider"></li>
            <li class="padding-left-20"><a href="011.html" class="font-color-45 prelative">个人中心</a></li>

        </ul>

    </div>

</header>
<section class="" id="amz-main" data-tag="css-nav">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2 font-14 bg-white am-margin-top-sm pinglun-tabs-1 ">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active bg-white prelative">
                <a>全部</a></i>
            </li>
            <li class="bg-white prelative">

                <a>待付款</a>
            </li>
            <li class="bg-white prelative">

                <a>待发货</a>
            </li>
            <li class="bg-white prelative">

                <a>待收货</a>
            </li>
        </ul>

    </div>
    <div class="margin-top-50" id="order_list">

        <div class="   bg-white am-text-sm am-margin-top-xs  am-padding-bottom-sm font-15">
            <div class="  bg-white "  onclick="window.location.href='017.html'">
                <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default box prelative">

                    <h2 class="am-titlebar-title box-1 padding-left-15px "><span class="font-color-2">订单号 11390345574132</span></h2>
                    <div class="font-color-monney font-weight  am-padding-right-sm ">待支付</div>
                </div>
            </div>
            <div class=" border-tops bg-white  am-padding-right-sm">
                <div class="bg-white box am-padding-top-ss am-padding-bottom-xs prelative">
                    <div class="box-1">
                        <div class="am-g ">
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                        </div>
                    </div>
                    <div class="am-padding-left-sm am-padding-right-lg am-padding-top-sm">

                        <div class="font-12 font-color-1 am-margin-top-sm am-padding-top-xs">10双</div>

                        <i class="icon-arrow-right-0"></i>
                    </div>
                </div>

            </div>
            <div class="am-padding-top-sm border-tops am-padding-bottom-sm  box">
                <div class="font-12 am-padding-left-sm font-color-1">晚上12点前未付款，将关闭订单</div>
            </div>
            <div class=" am-padding-right-sm border-tops am-padding-left-sm am-padding-top-sm am-text-right">
                <div class="box">
                    <div class="box-1 padding-top-2 font-14 am-text-left">合计：<span class="font-color-monney">&yen;4443.45</span></div>
                    <div class=" ">

                        <span onclick="$('#cancelorder-confirm').modal('open')"
                              class="order-btn-3 data-ordercancel am-margin-left-xs">取消订单</span>
                        <span class="order-btn-2 am-margin-left-xs"
                              onclick="window.location.href='017.html'">确认订单</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="   bg-white am-text-sm am-margin-top-xs  am-padding-bottom-sm font-15">
            <div class="  bg-white "  onclick="window.location.href='017.html'">
                <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default box prelative">

                    <h2 class="am-titlebar-title box-1 padding-left-15px "><span class="font-color-2">订单号 11390345574132</span></h2>
                    <div class="font-color-monney font-weight  am-padding-right-sm ">待发货</div>
                </div>
            </div>
            <div class=" border-tops bg-white  am-padding-right-sm">
                <div class="bg-white box am-padding-top-ss am-padding-bottom-xs prelative">
                    <div class="box-1">
                        <div class="am-g ">
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                            <div class="am-u-sm-4 am-padding-right-0">
                                <img class="am-img-responsive" src="../assets/images/icons/pic_17.png">
                            </div>
                        </div>
                    </div>
                    <div class="am-padding-left-sm am-padding-right-lg am-padding-top-sm">

                        <div class="font-12 font-color-1 am-margin-top-sm am-padding-top-xs">10双</div>

                        <i class="icon-arrow-right-0"></i>
                    </div>
                </div>

            </div>

            <div class=" am-padding-right-sm border-tops am-padding-left-sm am-padding-top-sm am-text-right">
                <div class="box">
                    <div class="box-1 padding-top-2 font-14 am-text-left">合计：<span class="font-color-monney">&yen;4443.45</span></div>

                </div>
            </div>
        </div>

    </div>


</section>
<!--确认取消订单-->
<div class="am-modal am-modal-confirm" tabindex="-1" id="cancelorder-confirm">
    <div class="am-modal-dialog">

        <div class="am-modal-bd font-16 ">
            是否确认取消？
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确认</span>
        </div>
    </div>
</div>

<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>

<script>

    $(function () {
        $('#am-dropdown').dropdown({justify: '#am-dropdown-toggle'});
    })
</script>
</body>
</html>